<template>
        <div>
            <mt-swipe :auto="time">
            <!-- 在组件中使用v-for一定要是用key  -->
            <mt-swipe-item v-for='item in lunBotoList' :key='item.url'>
                <!-- 利用json格式来帮顶多个样式 -->
                <img :src="item.img" :alt="item.title" :class="{full:isfull}"/>
            </mt-swipe-item>
            
        </mt-swipe>
        </div>
</template>

<script>
export default {
    props: ["lunBotoList","isfull","time"]
}
</script>


<style lang='scss' scoped>
     .mint-swipe{
        height:180px;
       .mint-swipe-item{
           text-align: center;
        img{
            height: 100%;
            }
        .full{
            width: 100%;
        }
     }  
    }
</style>

